<link rel="stylesheet" type="text/css" href="res/plugins/codemirror/lib/codemirror.css">
<link rel="stylesheet" id="cm_theme" type="text/css" href="res/plugins/codemirror/theme/blackboard.css">
<link rel="stylesheet" type="text/css" href="res/plugins/codemirror/addon/fold/foldgutter.css">
<link rel="stylesheet" type="text/css" href="res/plugins/contextmenu/jquery.contextmenu.css">
<style>
.runner-toolbar{
	margin-bottom:2px;
}
.runner-panel{
	border:2px solid #ccc;
}
.runner-result{
	border-left:1px solid #aaa;
	height:300px;
	overflow:auto;
	padding:5px 10px 5px 0px;
}
.btn{
	padding: 5px 10px;
}
</style>
<div class="row-fluid">
	<div class="span12">
		<div class="runner-toolbar">
			<span>SQL格式化-主题:</span>
			<select style="margin-bottom:0px;width:100px;" ng-model="currTheme" ng-options="theme for theme in themes" ng-change="changeTheme();"></select>
			<button id="copy" class="btn blue" type="button">
				<i class="icon-copy"></i> 复制(<u>C</u>opy)
			</button>
			<button id="run" ng-click="run();" class="btn green" type="button">
				<i class="icon-play"></i> 格式化(<u>F</u>ormat)
			</button>
			<button id="run" ng-click="clear();" class="btn green" type="button">
				<i class="icon-play"></i> 清空(<u>C</u>lear)
			</button>
		</div>
		<div class="row-fluid runner-panel">
			<div class="runner-code" >
				<textarea id="code" code-mirror ng-model="code"></textarea>
			</div>
			<!--  
			<div class="span4 runner-result" style="margin-left:0px;width:30%;">
				<div id="result" style="height:100%;width:100%;"></div>
			</div>
			-->
		</div>
	</div>

</div>
